@import url("other.css");

.wrapper {
	padding: 5px; 
	border: 1px black solid
}

.repeating_150x200-X 
{ 
	width: 200px;
	height: 100px;
	background: url(../img/tile_150x200.png) repeat-x
}

.repeating_200x150-X 
{
	width: 400px;
	height: 150px;
	background: url(../img/tile_200x150.png) repeat-x
}

.repeating_25x100-X 
{
	width: 200px;
	height: 100px;
	background: url(../img/tile_25x100.png) repeat-x
}

.repeating_25x100-Y 
{
	height: 200px;
	width: 100px;
	background: url(../img/tile_25x100.png) repeat-y
}

.repeating_100x25-X 
{
	width: 200px;
	height: 25px;
	background: url(../img/tile_100x25.png) repeat-x
}

.repeating_100x25-Y 
{
	height: 100px;
	width: 100px; 
	background: url(../img/tile_100x25.png) repeat-y
}

.red {
	sprite: url(../img/red.png); 
	width: 50px; 
	height: 50px
}

.purple {
	sprite: url(../img/purple.png); 
	width: 75px; 
	height: 50px
}

.blue {
	background: url(../img/blue.png); 
	width: 50px; 
	height: 50px
}

.yellow {
	background: url(../img/yellow.png);
	width: 75px; 
	height: 50px
}

.pink {
	background: url(../img/pink.png); 
	width: 50px; 
	height: 175px
}

.lilac {
	background: url(../img/lilac.png); 
	width: 50px; 
	height: 75px
}

.green {
	background: url(../img/green.png); 
	width: 75px; 
	height: 75px
}
